<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>梦幻西游</title>
    <!-- 引入初始化 样式-->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入自身样式 -->
    <link rel="stylesheet" href="./css/green.css">
    <!-- 引入swiper样式文件 -->
    <link rel="stylesheet" href="./css/swiper.min.css">
    <!-- 引入轮播图样式 -->
    <!-- <link rel="stylesheet" href="./css/swiper-bundle.min.css"> -->
    <!-- 引入jq插件 -->
    <script src="./js/jquery.min.js"></script>
    <!-- 引入swiper插件 -->
    <script src="js/swiper.min.js"></script>
    <!-- 引入轮播图js -->
    <!-- <script src="./js/swiper-bundle.min.js"></script> -->
        <!-- 引入动画 -->

    <script src="./js/animate.js"></script>

    <!-- 引入 js 样式 -->
    <script src="./js/green.js"></script>
</head>

<body>
    <!-- 大背景1 -->
    <div class="banner">
        <!-- 头部 -->
        <div class="header w">
            <!-- logo部分 -->
            <div class="logo">
                <a href="#"></a>
            </div>
            <!-- 头部导航 -->
            <div class="nav">
                <ul>
                    <li>
                        <a href="#"></a>
                    </li>
                    <li>
                        <a href="#"></a>
                    </li>
                    <li>
                        <a href="#"></a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 新服预约流程 -->
        <div class="ren"></div>
        <!-- 预约步骤 -->
        <div class="step">
            <ul>
                <li>
                    <span>
                        开服前3天和开服后7天内<br />
                        登陆原服务器或新服
                    </span>
                </li>
                <li>
                    <span>
                        活动NPC处<br />
                        缴纳定金预订名额（开服前）
                    </span>
                </li>
                <li>
                    <span>
                        活动NPC处<br />
                        预存指定数量点卡
                    </span>
                </li>
                <li>
                    <span>
                        尊享绿色通道资格<br />
                        和新服贵宾礼包
                    </span>
                </li>
            </ul>
        </div>
        <!-- 师徒四人动画 -->
        <div class="four">
            <div class="west-1"></div>
            <div class="west-2"></div>
            <div class="west-3"></div>
            <div class="west-4"></div>
        </div>
    </div>
    <!--第一部分  绿色通道介绍-->
    <div class="part1">
        <!-- 中间neirong -->
        <div class="part1-center">
            <!-- 绿色通道介绍图片 -->
            <div class="introduce">
                <p>绿色通道介绍</p>
            </div>
            <!-- 中间文字内容 -->
            <div class="text">
                <h3>活动时间</h3>
                <span class="red">新服开服3天前12:00至新服开服7天后12:00</span>
                <p>例如：新服于4月21日开服，则活动时间为4月18日12:00至4月28日12:00</p>
                <h3>尊贵特权</h3>
                <p>办理了某一台新服的新服绿色通道后，玩家账户下的任意角色在开服90天内登录该新服时享受优先排队和登录的服务，无需漫长等待！</p>
                <h3>办理流程</h3>
                <p>“新服使者”会在建邺城（91,61）为大家办理绿色通道服务。</p>
                <p>1）免费在老服办理：</p>
                <p>新服开服前办理，需先预订再办理。（开服后则不用）</p>
                <p>预订：</p>
                <p>开服前办理需先预订，老服等级≥69级的玩家可到新服使者处，缴纳1000万梦幻币作为订金预订办理名额。预订成功后12小时内办理成功将立即返还订金，否则将没收。</p>
                <p>办理：</p>
                <p>玩家可到新服使者处，选择需办理服务的新服预存7200通用点或专用点进行办理（开服前需先预订再办理）；办理成功后点卡将转化为静息仙玉预存到新服。新服开服后至新服使者处即可取回7200静息仙玉，并附赠一份新服贵宾礼包。
                </p>
                <p>2）免费在新服办理：</p>
                <p>新服开服至开服7天后12:00，可以在新服使者处，预存8800通用点或专用点办理本服的绿色通道服务。办理成功后可立即取出8800静息仙玉，附赠一份新服贵宾礼包。</p>
                <img src="./images/npic1_6618956.jpg" alt="">
                <img src="./images/pic1_1640e38.png" alt="">
                <img src="./images/pic2_9fbeb57.png" alt="">
                <img src="./images/pic3_03a9c25.jpg" alt="">
                <p>新服贵宾礼包助您愉快玩转新服，到达相应等级即可获得奖励！！</p>
                <!-- 礼包奖励表格 -->
                <table>
                    <tbody>
                        <tr>
                            <td>达到等级</td>
                            <td>新服贵宾礼包奖励内容</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>净水甘露(20000气血)，飞行符（30个）</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>初级绿萝羹*3(9900魔法)，摄妖香（10个）</td>
                        </tr>
                        <tr>
                            <td>20 </td>
                            <td>彩果（绑定），储备金</td>
                        </tr>
                        <tr>
                            <td>30</td>
                            <td>大表情（10天），境外导标旗（20次）</td>
                        </tr>
                        <tr>
                            <td>40</td>
                            <td>传音纸鸢，储备金，经验</td>
                        </tr>
                        <tr class="last">
                            <td>50</td>
                            <td>秘制回梦饮（45灵气），经验</td>
                        </tr>
                    </tbody>
                </table>
                <h3>办理须知</h3>
                <p>1）在老服购买了新服绿色通道服务的角色，在新服开服前无法进行转服和藏宝阁寄售操作。</p>
                <p>2）若进行了预订，且预订未过期。则该账号办理绿色通道的服务器必须与预订的服务器一致。（若开服前进行了预订，开服后预订仍未过期，还是需要在预订的服务器进行办理）</p>
                <p>3）新服绿色通道名额有限，将分批次发放。时间点为：开服前3天每天的12:00和20:00以及开服当天的12：00。</p>
            </div>
        </div>
    </div>
    <!-- 第二部分 冲新服展示 -->
    <div class="new">
        <!-- 轮播图 -->
        <div class="part2-center">
            <div class="lunbo">
                <div class="gallery-top">
                    <div class="swiper-wrapper-big swiper-container">
                        <ul class="big-img-list clearfix swiper-wrapper">
                            <li class="swiper-slide swiper-slide-wsq">
                                <a href="javascript:;">
                                    <img src="./images/yx01.jfif" alt="">
                                </a>
                            </li>
                            <li class="swiper-slide swiper-slide-wsq">
                                <a href="javascript:;">
                                    <img src="./images/yx02.jfif" alt="">
                                </a>
                            </li>
                            <li class="swiper-slide swiper-slide-wsq">
                                <a href="javascript:;">
                                    <img src="./images/yx03.jfif" alt="">
                                </a>
                            </li>
                            <li class="swiper-slide swiper-slide-wsq">
                                <a href="javascript:;">
                                    <img src="./images/yx04.jfif" alt="">
                                </a>
                            </li>
                            <li class="swiper-slide swiper-slide-wsq">
                                <a href="javascript:;">
                                    <img src="./images/yx05.jfif" alt="">
                                </a>
                            </li>
                            <li class="swiper-slide swiper-slide-wsq">
                                <a href="javascript:;">
                                    <img src="./images/yx06.jfif" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 图片文字解说部分 -->
            <div class="wrap">
                <p>如果你喜欢玩梦幻新区，那么这个图集可以帮到你！这就是一个普通的梦幻玩家在冲刺新区的全纪录（0-129级）</p>
                <p>帮徒弟杀剧情</p>
                <p>打造和军火都没卖出去，只能靠卖符了</p>
                <p>一天了，武器一个都没卖出去，打造也只有一个，净卖符了</p>
                <p>又出破血~棒棒哒</p>
                <p>今天开99了</p>
            </div>
            <!-- 图片显示部分 -->
            <div class="wrap-txt">
                <span class="img-zs-txt">1</span>
                <em>/</em>
                <i class="sum-img-zs-txt">6</i>
            </div>
            <div class="gallery-thumbs small-swiper-zyf">
                <div class="swiper-wrapper-small swiper-container">
                    <ul class="small-img-list swiper-wrapper">
                        <li class="swiper-slide swiper-slide-wsq-small">
                            <a href="javascript:;">
                                <img src="./images/yx01.jfif" alt="">
                            </a>
                        </li>
                        <li class="swiper-slide swiper-slide-wsq-small">
                            <a href="javascript:;">
                                <img src="./images/yx02.jfif" alt="">
                            </a>
                        </li>
                        <li class="swiper-slide swiper-slide-wsq-small">
                            <a href="javascript:;">
                                <img src="./images/yx03.jfif" alt="">
                            </a>
                        </li>
                        <li class="swiper-slide swiper-slide-wsq-small">
                            <a href="javascript:;">
                                <img src="./images/yx04.jfif" alt="">
                            </a>
                        </li>
                        <li class="swiper-slide swiper-slide-wsq-small">
                            <a href="javascript:;">
                                <img src="./images/yx05.jfif" alt="">
                            </a>
                        </li>
                        <li class="swiper-slide swiper-slide-wsq-small">
                            <a href="javascript:;">
                                <img src="./images/yx06.jfif" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="leftBtn swiper-button-next"></div>
            <div class="rightBtn swiper-button-prev"></div>
        </div>
        <!-- 底部模块 -->
        <div class="footer">
            <!-- 分享模块 -->
            <div class="share">
                <span class="fenxiang">分享到:</span>
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <span class="weixin"></span>
                            <span>微信</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="yixin"></span>
                            <span>易信</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="weibo"></span>
                            <span>微博</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="kuaishou"></span>
                            <span>快手</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="douyin"></span>
                            <span>抖音</span>
                        </a>
                    </li>
                </ul>
            </div>

        </div>
        <!-- 底部导航 -->
        <div class="footer-nav">
            <!-- 底部logo -->
            <div class="footer-logo">
                <span class="logo1">
                    <a href="#">
                        <img src="./images/logo1.png" alt="">
                    </a>
                </span>
                <span class="logo2">
                    <a href="#">
                        <img src="./images/logo2.png" alt="">
                    </a>
                </span>
                <span class="logo3">
                    <a href="#">
                        <img src="./images/log3.png" alt="">
                    </a>
                </span>

            </div>
            <!-- 信息导航 -->
            <div class="nav-text">
                <div class="nav-text-1">
                    <a href="#">公司简介</a>-
                    <a href="#">客户服务</a>-
                    <a href="#">网易集团隐私政策及儿童个人信息保护规则</a>-
                    <a href="#">网易游戏</a>-
                    <a href="#">联系我们</a>-
                    <a href="#">商务合作</a>-
                    <a href="#">加入我们</a>
                </div>
                <p>网易公司版权所有 ©1997-2020</p>
                <!-- 成长守护平台 -->
                <a href="#" class="love">点击查看家长关爱平台&gt;</a>
            </div>
        </div>


    </div>


    <!-- 返回顶部 右边侧边栏 -->
    <div class="goTop">
        <a href="#"></a>
    </div>

</body>
<script>
new Swiper ('.swiper-container', {
    // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    }
  })        
</script>
</html>